<div class="notice">
    <span>公告：路外通平台正式上线了！</span>
</div>
<div class="service">
    <div class="service_top">应用服务</div>
    <ul class="clearfix">
        <li><a href="##">
                <img src="<?=ASSETPATH?>images3/website_img.png" alt="">
                <span>云网站</span>
            </a></li>
        <li><a href="##">
                <img src="<?=ASSETPATH?>images3/translate_img.png" alt="">
                <span>云翻译</span>
            </a></li>
        <li><a href="##">
                <img src="<?=ASSETPATH?>images3/seo_img.png" alt="">
                <span>云优化</span>
            </a></li>
        <li><a href="##">
                <img src="<?=ASSETPATH?>images3/extension_img.png" alt="">
                <span>云推广</span>
            </a></li>
        <li><a href="##">
                <img src="<?=ASSETPATH?>images3/domain_img.png" alt="">
                <span>域名</span>
            </a></li>
    </ul>
</div>
<div class="order">
    <div class="order_top">订单</div>
    <table  cellspacing="0" >
        <tr>
            <th width="29.6%" style="padding-left: 30px;">订单号</th>
            <th width="15.9%">产品名称</th>
            <th width="16%">金额</th>
            <th width="17%">状态</th>
            <th width="15.2%">创建时间</th>
            <th width="6.3%"></th>
        </tr>
        <tr>
            <td style="padding-left: 30px;">OR20161090902351774</td>
            <td>云网站</td>
            <td><span>￥3000元</span></td>
            <td>新签</td>
            <td>2016-10-19</td>
            <td><a href="##">详细</a></td>
        </tr>
    </table>
</div>
<div class="after_service">
    <div class="after_service_top">售后服务</div>
    <table  cellspacing="0" >
        <tr>
            <th width="34.8%" style="padding-left: 30px;">标题</th>
            <th width="26.4%">所属类别</th>
            <th width="32.8%">创建时间</th>
            <th width="6%"></th>
        </tr>
        <tr>
            <td style="padding-left: 30px;">如何管理工单？</td>
            <td>售后服务</td>
            <td>2014-11-28 00:00</td>
            <td><a href="##">详细</a></td>
        </tr>
        <tr>
            <td style="padding-left: 30px;">如何管理工单？</td>
            <td>售后服务</td>
            <td>2014-11-28 00:00</td>
            <td><a href="##">详细</a></td>
        </tr>
        <tr>
            <td style="padding-left: 30px;">如何管理工单？</td>
            <td>售后服务</td>
            <td>2014-11-28 00:00</td>
            <td><a href="##">详细</a></td>
        </tr>
        <tr>
            <td style="padding-left: 30px;">如何管理工单？</td>
            <td>售后服务</td>
            <td>2014-11-28 00:00</td>
            <td><a href="##">详细</a></td>
        </tr>

        <tr>
            <td style="padding-left: 30px;">如何管理工单？</td>
            <td>售后服务</td>
            <td>2014-11-28 00:00</td>
            <td><a href="##">详细</a></td>
        </tr>
    </table>
</div>